page {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}
.container {
	width: 100%;
	height: 100%;
	.icon {
		position: fixed;
		top: 0;
		left: 0;
		width: 16%;
		height: 112rpx;
		font-size: 42rpx;
		text-align: center;
		background: #fff;
		z-index: 99;
		image {
			width: 100rpx;
			height: 100rpx;
			margin-top: 8rpx;
		}
	}
	.nav {
		height: 112rpx;
		width: 100%;
		box-sizing: border-box;
		overflow: hidden;
		font-size: 16rpx;
		white-space: nowrap;
		position: fixed;
		top: 0;
		left: 16%;
		z-index: 99;
		background: #fff;
		.nav-item {
			width: 20%;
			display: inline-block;
			text-align: center;
			font-size: 24rpx;
			color: #666666;
			.time {
				padding-top: 14rpx;
				font-size: 40rpx;
			}
			.text.activet {
				color: #fff;
				background: #ed5757;
				padding: 0 12rpx;
				border-radius: 36rpx;
			}
		}
		.nav-item.active {
			color: red;
		}
	}
	.tab-box {
		margin-top: 112rpx;
		padding: 20rpx;
		height: 100%;
		box-sizing: border-box;
		.tab-content {
			overflow-y: scroll;
			.item-box {
				padding: 24rpx 20rpx;
				background: #fff;
				border-radius: 20rpx;
				position: relative;
				margin-bottom: 20rpx;
				.item-box-img {
					width: 216rpx;
					height: 216rpx;
					border-radius: 12rpx;
					margin-right: 24rpx;
				}
				.item-box-right {
					flex: 1;
					.title {
						font-size: 28rpx;
						font-weight: bold;
						margin-bottom: 16rpx;
					}
					.progressBar-box {
						font-size: 20rpx;
						color: #b2b2b2;
						margin-bottom: 24rpx;
						.progressBar {
							background: #ffeaea;
							width: 60%;
							height: 12rpx;
							border-radius: 6rpx;
							overflow: hidden;
							margin-right: 16rpx;
							.progress {
								width: 50%;
								height: 100%;
								border-radius: 6rpx;
								background: #ff4850;
							}
						}
					}
					.symbol {
						font-size: 20rpx;
						margin-top: 14rpx;
					}
					.money {
						font-size: 40rpx;
						font-weight: bold;
					}
					.prcSpike {
						margin-left: 16rpx;
						font-weight: bold;
						font-size: 20rpx;
						color: #fff;
						padding: 0 10rpx;
						background: #ed5757;
						border-radius: 4rpx;
					}
					.originalPrc {
						font-weight: bold;
						font-size: 20rpx;
						color: #8a8a8a;
						padding-top: 14rpx;
					}
				}
				.btn {
					position: absolute;
					bottom: 24rpx;
					right: 20rpx;
					padding: 16rpx 38rpx;
					background: #ed5757;
					font-size: 28rpx;
					color: #fff;
					border-radius: 36rpx;
				}
			}
		}
	}
}

.numFont {
	font-family: 'numFont';
}
